.tab {
	touch-action: none;
	color: rgba(255, 255, 255, 0.648);
	padding: 1.1rem 1.2rem;
	text-align: center;
	display: flex;
	flex: 1 1 auto;
	justify-content: center;
	background-color: #0000;
	font-weight: 550;
	font-size: 0.9em;
	font-family: "CommissionerVariable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
		"Open Sans", "Helvetica Neue", sans-serif;
	transition: cubic-bezier(0.445, 0.05, 0.55, 0.95) background-color 120ms;
	cursor: pointer;
	text-transform: uppercase;

	&:hover {
		color: rgba(255, 255, 255, 0.8);
		background-color: rgba(172, 172, 172, 0.13);
	}
	&:active {
		color: rgba(255, 255, 255, 0.9);
		background-color: rgba(172, 172, 172, 0.17);
	}
	overscroll-behavior: contain;
}
.active {
	color: #fff;
}
